/**
 * NoticeBox组件用于展示公告信息。
 * 该组件不接受任何参数，并返回一个React元素。
 * 
 * @returns 返回一个包含公告信息的React元素。
 */
import { useAppSelector } from '@/hooks/useReduxHook'
import React from 'react'
import style from './NoticeBox.module.scss'
export default function NoticeBox():React.ReactElement {
    // 从Redux store中选择器获取网站信息，特别是公告信息。
    const webInfo = useAppSelector((state)=>state.webInfo.webInfo)
    
    return (
    <div className={style['notice-box']}>
    <i className="iconfont icon-yangshengqi" aria-hidden="true"></i>
    <div className={style['notice-item']}>
      { webInfo.notices || '' } // 展示公告信息，如果没有则显示为空字符串
    </div>
  </div>
  )
}